<template>
	<div class="loading-container">
		<div class="loading-line">
			<div class="scale-row">
				<div class="line-row">
					<div class="line-1"></div>
					<div class="line-2"></div>
					<div class="line-3"></div>
					<div class="line-4"></div>
					<div class="line-5"></div>
				</div>
				<p>loading...</p>
			</div>
		</div>
		<div class="loading-spine">
			<div class="scale-row">
				<div class="spine-row">
					<div class="spine-1"><i class="left"></i><i class="right"></i></div>
					<div class="spine-2"><i class="left"></i><i class="right"></i></div>
					<div class="spine-3"><i class="left"></i><i class="right"></i></div>
					<div class="spine-4"><i class="left"></i><i class="right"></i></div>
				</div>
				<p>loading...</p>
			</div>
		</div>

	</div>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";

@Component({components: {}})
export default class LoadingPage extends Vue {}

</script>
<style lang="scss" scoped>

</style>
